@root-size: 37.5rem;
.month {
  font-size: (16 / @root-size);

  .adm-nav-bar-title {
    font-size: (18 / @root-size);
  }

  .month-box {
    margin: 0 (10 / @root-size);
    padding: (20 / @root-size);
    height: (135 / @root-size);
    background: url("https://yjy-teach-oss.oss-cn-beijing.aliyuncs.com/reactbase/ka/month-bg.png") no-repeat;
    background-size: 100% 100%;

    .month-info {
      .month-top {
        display: flex;
        align-content: center;

        .line {
          height: (14 / @root-size);
          margin: (4 / @root-size);
          border-left: (2 / @root-size) solid #6F6F6F;
        }
      }

      .month-btn {
        margin-top: (25 / @root-size);
        display: flex;
        justify-content: space-between;
        align-content: center;
      }

      .arrow {
        display: inline-block;
        width: (7/@root-size);
        height: (7/@root-size);
        margin-top: (7/@root-size);
        margin-left: (7/@root-size);
        border-top: 2px solid #121826;
        border-left: 2px solid #121826;
        transform: rotate(225deg);
        transition: all 0.3s;
      }

      .end-arrow {
        margin-top: (10/@root-size);
        transform: rotate(45deg);
      }
    }
  }
}


